<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="cw" uri="/widget-tags"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <cw:base/>
  <script type="text/javascript">
  function getSexData(){
  	return [[1,'男'],[2,'女']];
  }
  </script>
  </head>
  <body>
	<ul>
		<li>
			<b>表格数据量大时，不能也无必要一次性展示出所有表格数据。</b>
		</li>
		<li>
			<b>表格构件提供不分页表格和分页表格来适应相应的数据量场景。不分页表格一次性加载出所有数据显示；
			分页表格只加载出指定区段(页)的数据显示，提供分页栏来显示页信息和进行跳转，并可以改变页的大小。</b>
		</li>
		<li>
			<b>表格构件的enablePage属性(默认值true)定义是否分页表格；pageSize属性(默认值10)定义页的大小。</b>
		</li>
		<li>
			<b>除了一般表格，可编辑表格和动态表格也支持分页。</b>
		</li>
	</ul>
	<br/>
	<br/>
	<ul>
  		<li>
  			不分页表格，设置enablePage为false
				<cw:grid id="grid1" title="不分页表格"
					url="../../../../sample/grid/grid.query.action"
					enablePage="false" exportable="false" selectMode="checkbox"
					urlParams="{id:0}"
					stripeRows="true" stripleColor="#c0c" autoLoad="true">
					<cw:indexColumn />
					<cw:gridColumn property="id" width="60" title="编号" />
					<cw:gridColumn property="name" width="120" title="姓名" />
					<cw:gridColumn property="email" width="30%" />
					<cw:gridColumn property="age" width="80" title="年龄" />
					<cw:gridColumn property="birthday" width="120" dataType="date" format="Y-m-d" />
					<cw:gridColumn property="sex" width="80" rendererData="[[1,'男'],[2,'女']]" />
					<cw:gridColumn property="created" width="120" title="创建时间" dataType="date" format="Y-m-d" />
				</cw:grid>
				<br/>
		</li>
		<li>
			分页表格，设置enablePage为true
				<cw:grid id="grid2" title="分页表格"
					url="../../../../sample/grid/gridpage.query.action"
					enablePage="true" exportable="false" selectMode="checkbox"
					urlParams="{id:0}"
					stripeRows="true" stripleColor="#c0c" autoLoad="true">
					<cw:indexColumn />
					<cw:gridColumn property="id" width="60" title="编号" />
					<cw:gridColumn property="name" width="120" title="姓名" />
					<cw:gridColumn property="email" width="30%" />
					<cw:gridColumn property="age" width="80" title="年龄" />
					<cw:gridColumn property="birthday" width="120" dataType="date" format="Y-m-d" />
					<cw:gridColumn property="sex" width="80" rendererData="getSexData()" />
					<cw:gridColumn property="created" width="120" title="创建时间" dataType="date" format="Y-m-d" />
				</cw:grid>
				<br/>
		</li>
	</ul>
  </body>
  <cw:theme></cw:theme>
 </html>